.component-icon{
	width: 16px;
    height: 16px;
}

.component-icon.Custom { background-image: url("dark/Custom.png"); }
.eui-black .component-icon.Custom { background-image: url("light/Custom.png"); }

.component-icon.BitmapLabel { background-image: url("dark/BitmapLabel.png"); }
.eui-black .component-icon.BitmapLabel { background-image: url("light/BitmapLabel.png"); }

.component-icon.Button { background-image: url("dark/Button.png"); }
.eui-black .component-icon.Button { background-image: url("light/Button.png"); }

.component-icon.CheckBox { background-image: url("dark/CheckBox.png"); }
.eui-black .component-icon.CheckBox { background-image: url("light/CheckBox.png"); }

.component-icon.ComboBox { background-image: url("dark/ComboBox.png"); }
.eui-black .component-icon.ComboBox { background-image: url("light/ComboBox.png"); }

.component-icon.Component { background-image: url("dark/Component.png"); }
.eui-black .component-icon.Component { background-image: url("light/Component.png"); }

.component-icon.Custom { background-image: url("dark/Custom.png"); }
.eui-black .component-icon.Custom { background-image: url("light/Custom.png"); }

.component-icon.DataGroup { background-image: url("dark/DataGroup.png"); }
.eui-black .component-icon.DataGroup { background-image: url("light/DataGroup.png"); }

.component-icon.DropDownList { background-image: url("dark/DropDownList.png"); }
.eui-black .component-icon.DropDownList { background-image: url("light/DropDownList.png"); }

.component-icon.EditableText { background-image: url("dark/EditableText.png"); }
.eui-black .component-icon.EditableText { background-image: url("light/EditableText.png"); }

.component-icon.Group { background-image: url("dark/Group.png"); }
.eui-black .component-icon.Group { background-image: url("light/Group.png"); }

.component-icon.HScrollBar { background-image: url("dark/HScrollBar.png"); }
.eui-black .component-icon.HScrollBar { background-image: url("light/HScrollBar.png"); }

.component-icon.HSlider { background-image: url("dark/HSlider.png"); }
.eui-black .component-icon.HSlider { background-image: url("light/HSlider.png"); }

.component-icon.Image { background-image: url("dark/Image.png"); }
.eui-black .component-icon.Image { background-image: url("light/Image.png"); }

.component-icon.Label { background-image: url("dark/Label.png"); }
.eui-black .component-icon.Label { background-image: url("light/Label.png"); }

.component-icon.List { background-image: url("dark/List.png"); }
.eui-black .component-icon.List { background-image: url("light/List.png"); }

.component-icon.PageNavigator { background-image: url("dark/PageNavigator.png"); }
.eui-black .component-icon.PageNavigator { background-image: url("light/PageNavigator.png"); }

.component-icon.Panel { background-image: url("dark/Panel.png"); }
.eui-black .component-icon.Panel { background-image: url("light/Panel.png"); }

.component-icon.PopUpAnchor { background-image: url("dark/PopUpAnchor.png"); }
.eui-black .component-icon.PopUpAnchor { background-image: url("light/PopUpAnchor.png"); }

.component-icon.ProgressBar { background-image: url("dark/ProgressBar.png"); }
.eui-black .component-icon.ProgressBar { background-image: url("light/ProgressBar.png"); }

.component-icon.RadioButton { background-image: url("dark/RadioButton.png"); }
.eui-black .component-icon.RadioButton { background-image: url("light/RadioButton.png"); }

.component-icon.Rect { background-image: url("dark/Rect.png"); }
.eui-black .component-icon.Rect { background-image: url("light/Rect.png"); }

.component-icon.RichText { background-image: url("dark/RichText.png"); }
.eui-black .component-icon.RichText { background-image: url("light/RichText.png"); }

.component-icon.Scroller { background-image: url("dark/Scroller.png"); }
.eui-black .component-icon.Scroller { background-image: url("light/Scroller.png"); }

.component-icon.Skin { background-image: url("dark/Skin.png"); }
.eui-black .component-icon.Skin { background-image: url("light/Skin.png"); }

.component-icon.SkinnableContainer { background-image: url("dark/SkinnableContainer.png"); }
.eui-black .component-icon.SkinnableContainer { background-image: url("light/SkinnableContainer.png"); }

.component-icon.SkinnableDataContainer { background-image: url("dark/SkinnableDataContainer.png"); }
.eui-black .component-icon.SkinnableDataContainer { background-image: url("light/SkinnableDataContainer.png"); }

.component-icon.Spacer { background-image: url("dark/Spacer.png"); }
.eui-black .component-icon.Spacer { background-image: url("light/Spacer.png"); }

.component-icon.Spinner { background-image: url("dark/Spinner.png"); }
.eui-black .component-icon.Spinner { background-image: url("light/Spinner.png"); }

.component-icon.TabBar { background-image: url("dark/TabBar.png"); }
.eui-black .component-icon.TabBar { background-image: url("light/TabBar.png"); }

.component-icon.TabNavigator { background-image: url("dark/TabNavigator.png"); }
.eui-black .component-icon.TabNavigator { background-image: url("light/TabNavigator.png"); }

.component-icon.TextArea { background-image: url("dark/TextArea.png"); }
.eui-black .component-icon.TextArea { background-image: url("light/TextArea.png"); }

.component-icon.TextInput { background-image: url("dark/TextInput.png"); }
.eui-black .component-icon.TextInput { background-image: url("light/TextInput.png"); }

.component-icon.TileGroup { background-image: url("dark/TileGroup.png"); }
.eui-black .component-icon.TileGroup { background-image: url("light/TileGroup.png"); }

.component-icon.TitleWindow { background-image: url("dark/TitleWindow.png"); }
.eui-black .component-icon.TitleWindow { background-image: url("light/TitleWindow.png"); }

.component-icon.ToggleButton { background-image: url("dark/ToggleButton.png"); }
.eui-black .component-icon.ToggleButton { background-image: url("light/ToggleButton.png"); }

.component-icon.ToggleSwitch { background-image: url("dark/ToggleSwitch.png"); }
.eui-black .component-icon.ToggleSwitch { background-image: url("light/ToggleSwitch.png"); }

.component-icon.Tree { background-image: url("dark/Tree.png"); }
.eui-black .component-icon.Tree { background-image: url("light/Tree.png"); }

.component-icon.UIAsset { background-image: url("dark/UIAsset.png"); }
.eui-black .component-icon.UIAsset { background-image: url("light/UIAsset.png"); }

.component-icon.ViewStack { background-image: url("dark/ViewStack.png"); }
.eui-black .component-icon.ViewStack { background-image: url("light/ViewStack.png"); }

.component-icon.VScrollBar { background-image: url("dark/VScrollBar.png"); }
.eui-black .component-icon.VScrollBar { background-image: url("light/VScrollBar.png"); }

.component-icon.VSlider { background-image: url("dark/VSlider.png"); }
.eui-black .component-icon.VSlider { background-image: url("light/VSlider.png"); }